<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>实例：消息列表 - 观察者模式 - 多个开发者解耦</title>
</head>
<body>
    <div class="content">
        <div class="bread">
            <span class="item nickname">昵称：雨夜清河</span>
            <span class="item grade">等级：9</span>
            <span class="item msg">
                消息：<span id="msg_num">0</span>
            </span>
        </div>
        <div class="list">
            <p>最新消息发布</p>            
            <ul id="msg"></ul>
        </div>
        <div class="form">
            <textarea name="" id="user_input" cols="20" rows="5"></textarea>
            <button id="user_submit">提交</button>
        </div>
    </div>

    <script type="text/javascript" src="demo01.js"></script>
    <script type="text/javascript" src="demo02.js"></script>
</body>
</html>